
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>博客</title>
<link href="/public/css/main.css" rel="stylesheet" type="text/css">
<link href="/public/fontAwesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script src="/public/js/jquery-1.12.4.min.js"></script>
    <script src="/public/js/index.js"></script>
</head>

<body>

	<header>
		<div class="backimg"><img src="/public/images/IMG_0293.JPG"></div>
		<div class="logo"><span></span><img src="/public/images/00002637.png"></div>
	</header>

	<nav>
		<div class="menu">
	    	<a href="/" class="focus">首页</a>
	    	
	    		<a href="/578d0a391b82d423481b6930">HTML5</a>
	    	
	    		<a href="/578d0a431b82d423481b6931">CSS</a>
	    	
	    		<a href="/578d0a4a1b82d423481b6932">JAVASCRIPT</a>
	    	
	    		<a href="/578d0a501b82d423481b6933">PHP</a>
	    	
	    		<a href="/578d0a541b82d423481b6934">JAVA</a>
	    	
	    		<a href="/57921998f925118da88ea826">Express</a>
	    	
	    </div>
	</nav>

	

    <main class="clear">
        <div class="mainLeft">
            
            <div class="listBox">
                <h1>symfony2</h1>
                <p class="colDefault">
                    作者：<span class="colInfo">admin</span> - 
                    时间：<span class="colInfo">2016年7月19日 1:3:31</span> - 
                    阅读：<span class="colInfo">231</span> - 
                    评论：<span class="colInfo">10</span>
                </p>
                <dfn><p>PHP框架 - symfony2</p></dfn>
                <div class="function"><a href="/view/578d0be3fb13ff664906f7fd">阅读全文</a></div>
            </div>
            
            <div class="listBox">
                <h1>h1标签</h1>
                <p class="colDefault">
                    作者：<span class="colInfo">admin</span> - 
                    时间：<span class="colInfo">2016年7月19日 1:1:37</span> - 
                    阅读：<span class="colInfo">93</span> - 
                    评论：<span class="colInfo">1</span>
                </p>
                <dfn><p>h1标签介绍</p></dfn>
                <div class="function"><a href="/view/578d0b715e521642492fc0fd">阅读全文</a></div>
            </div>
            
            <div class="listBox">
                <h1>DOM</h1>
                <p class="colDefault">
                    作者：<span class="colInfo">admin</span> - 
                    时间：<span class="colInfo">2016年7月20日 16:24:38</span> - 
                    阅读：<span class="colInfo">95</span> - 
                    评论：<span class="colInfo">41</span>
                </p>
                <dfn><h2>DOM - Document Object Model</h2>

<blockquote><p>文档对象模型</p></blockquote></dfn>
                <div class="function"><a href="/view/578f3546ce908f1c8c43cff0">阅读全文</a></div>
            </div>
            

            <div class="pager">
            	<ul class="clear">
            		
            		<li class="previous">
            		
            			<a href="javascript:;">没有上一页了</a>
            		
            		</li>

            		<li>
            			<strong>1 / 2</strong>
            		</li>

            		<li class="next">
            		
            			<a href="/2">下一页</a>
            		
            		</li>
            		
            	</ul>
            </div>
        </div>

        <div class="mainRight">
            
            {% if userInfo._id %}
            <div class="rightBox" id="userInfo" style="display: block">
                <div class="title"><span>用户信息</span></div>
                <p><span class="colDark username">{{userInfo.username}}</span></p>
                {% if userInfo.isAdmin %}
                <p><span class="colDanger info">你好,管理员!
                    <a href="/admin">你可以点击这里进入管理</a>
                </span></p>
                {% else%}
                <p><span class="colDanger info">你好欢迎光临我的博客!
                </span></p>
                {% endif%}
                <p><span class="colDark"><a href="javascript:;" id="logoutBtn">退出</a></span></p>
            </div>
            {% else %}

            <div class="rightBox" id="loginBox" style="display: block">
                <div class="title"><span>登录</span></div>
                <div class="line"><span class="colDark">用户名：</span><input name="username" type="text" /><em></em></div>
                <div class="line"><span class="colDark">密码：</span><input name="password" type="password" /><em></em></div>
                <div class="line"><span class="colDark"></span><button>登 录</button></div>
                <p class="textRight">还没注册？<a href="javascript:;" class="colMint">马上注册</a>　</p>
                <p class="colWarning textCenter"></p>
            </div>

            <div class="rightBox" id="registerBox" style="display: none">
                <div class="title"><span>注册</span></div>
                <div class="line"><span class="colDark">用户名：</span><input name="username" type="text" /></div>
                <div class="line"><span class="colDark">密码：</span><input name="password" type="password" /></div>
                <div class="line"><span class="colDark">确认：</span><input name="repassword" type="password" /></div>
                <div class="line"><span class="colDark"></span><button>注 册</button></div>
                <p class="textRight">已有账号？<a href="javascript:;" class="colMint">马上登录</a>　</p>
                <p class="colWarning textCenter"></p>
            </div>
            {% endif %}
            <div class="rightBox">
                <div class="title"><span>社区</span></div>
                    <p><a href="http://www.miaov.com" target="_blank" class="colDanger">妙味课堂</a></p>
                    <p><a href="http://bbs.miaov.com" target="_blank" class="colDanger">妙味茶馆</a></p>
                </div>
            </div>


    </main>

	<div class="copyright textCenter">Copyright © miaov.com 版权所有 | 京ICP备08102442号</div>
</body>
</html>